<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <link rel="reference" href="quotes-035-ref.xht"/>
  <title>CSS Test: CSS and Quotes: Counting Right (Slightly Simpler Version)</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/quotes/001.xml" type="application/xhtml+xml"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes"/>
  <meta name="flags" content="should"/>
  <style type="text/css">* { margin: 0; padding: 0 }
  <![CDATA[
     .party1 * { display: inline; }
     .party1 .a { quotes: "Isn"        "'"
                          "t"          "FAIL!"
                          "FAIL!"      " i"; }
     .party1 .b { quotes: ""           "FAIL!!" 
                          " wonderful" "!!!"
                          " to "       " work"
                          "see "       " [FAIL to]"
                          "C"          "quotes"
                          "S"          " "; }
     .party1 .c { quotes: none; }
     .party1 .d { quotes: "FAIL!"      "FAIL!"
                          "FAIL!"      "FAIL!"
                          ""           ""; }
     .test { margin-left: 2em; }
     .test .no-open:before { content: no-open-quote; }
     .test .open:before { content: open-quote; }
     .test .triple-open:before { content: open-quote open-quote open-quote; }
     .test .no-close:after { content: no-close-quote; }
     .test .triple-no-close:after { content: no-close-quote no-close-quote no-close-quote; }
     .test .close:after { content: close-quote; }
     .test .triple-close:after { content: close-quote close-quote close-quote; }
     .test .no-close-open:before { content: no-close-quote open-quote; }

  ]]>
  </style>
 </head>
 <body>

  <!-- this is the same as the 002.xml version except the <br> and <hr> nodes are <div>s. -->

    <!--                                               Isn't it wonderful to see CSS quotes work!!! 
    --><div class="test c party1"><!--               c 0
     --><div class="a open close"><!-- open          a 1 isn                     
     --></div><!-- close                             a 0 '                       
     --><div class="a"><!--                          a 0                         
      --><div class="c open"><!-- open               c 1                         
       --><div class="a open"><!-- open              a 2 t                       
       --></div><!--                                 a 2                         
      --></div><!--                                  c 2                         
      --><div class="no-open close"><!--             a 3 [FAIL!]                   
      --></div><!-- close                            a 2 i                       
     --></div><!--                                   a 2                         
     --><div class="no-close-open no-close a"><!--   a 2 [FAIL!] t                         
     --></div><!-- close                             a 1
     --><div class="d no-open no-close"><!-- open    d 2 [FAIL!]                 
      --><div class="open close"><!-- open           d 3                          
       --><div class="open close"><!-- open          d 4                         
       --></div><!-- close                           d 3                         
      --></div><!-- close                            d 2                         
     --></div><!-- close                             d 1 [FAIL!] 
     --><div class="b no-close"><!--                 b 1                         
      --><div class="triple-no-close"/><!-- close    b 0 [FAIL!!]   
      --><div class="triple-open"/><!-- open x 3     b 3 "", "wonderful ", "to "
      --><div class="triple-open"/><!-- open x 3     b 6 "see ", "C", "S"       
      --><div class="open close"><!-- open           b 7 S                       
       --><div class="close"><!--                    b 7
        --><div class="no-close"><!--                b 7                          
         --><div class="close"><!--                  b 7                          
          --><div class="no-close"><!--              b 7                           
           --><div class="close"><!--                b 7                         
           --></div><!-- close                       b 6 " "
          --></div><!-- close                        b 5 [" "]                   
         --></div><!-- close                         b 4  quotes                 
        --></div><!-- close                          b 3 [ FAIL to]              
       --></div><!-- close                           b 2  work                   
      --></div><!-- close                            b 1 !!!                     
     --></div><!-- close                             b 0 [FAIL!!]                  
    --></div><!--                                    b 0
    -->

 </body>
</html>